.container{
	margin : 150px auto;
	width : 640px;
	height : 360px;
	position : relative;
	overflow : hidden;
}
.container .list{
	width : 3240px;
	height : 100%;
	position : absolute;
}
.container .list img{
	width : 640px;
	height : 100%;
	float : left;
}
.container .round{
	position : absolute;
	width : 100%;
	height : 10px;
	top : calc(100% - 30px);
	text-align : center;
	line-height : 10px;
}
.container .round span{
	display : inline-block;
	height : 100%;
	width : 10px;
	border-radius : 50%;
	background : rgba(255,255,255,0.3);
}
.container .round span:hover{
	cursor : pointer;
}
.container .round span.on{
	width : 20px;
	border-radius : 5px;
	background : rgba(255,0,255,1);
}
.container .btn{
	width : 100%;
	height : 55px;
	position : absolute;
	top : calc(50% - 25px);
}
.container .btn .switch{
	width : 40px;
	height : 100%;
	color : #fff;
	text-align : center;
	line-height : 55px;
	background : rgba(200,200,200,0.3);
	border-width : 0;
}
.container .btn .switch:hover{
	cursor : pointer;
	background : rgba(225,225,225,0.1);
}
#next{
	float : right;
	border-radius : 10px 0 0 10px;
}
#prev{
	float : left;
	border-radius : 0 10px 10px 0;
}
